<template>
  <require from="./general.css"></require>
  <require from="../../styles/registers.css"></require>
  <div class="index-tab">
    <template repeat.for="section of sections">
      <compose
        view-model=".${section.path}"
        view=".${section.path}.html"
        model.bind="{modeler: modeler, elementInPanel: elementInPanel, isEditable: isEditable}"
        if.bind="section.isSuitableForElement(elementInPanel)"
        containerless>
      </compose>
    </template>
  </div>
</template>
